﻿<!DOCTYPE html>
<html>
  <head>
    <title>时间趋势</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/时间趋势/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/时间趋势/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片) -->
      <div id="u892" class="ax_default _图片1">
        <img id="u892_img" class="img " src="images/产品封面/u4.png"/>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u893" class="ax_default" data-left="221" data-top="765" data-width="382" data-height="74">

        <!-- Unnamed (矩形) -->
        <div id="u894" class="ax_default box_1">
          <div id="u894_div" class=""></div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u895" class="ax_default _图片">
          <img id="u895_img" class="img " src="images/设计规范/u163.svg"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u896" class="ax_default _图片">
          <img id="u896_img" class="img " src="images/设计规范/u164.png"/>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u897" class="ax_default _图片">
          <img id="u897_img" class="img " src="images/设计规范/u165.svg"/>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u898" class="ax_default _图片">
          <img id="u898_img" class="img " src="images/设计规范/u166.svg"/>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u899" class="ax_default _图片">
          <img id="u899_img" class="img " src="images/设计规范/u167.svg"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u900" class="ax_default _三级标题">
          <div id="u900_div" class=""></div>
          <div id="u900_text" class="text ">
            <p><span>首页</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u901" class="ax_default _三级标题">
          <div id="u901_div" class=""></div>
          <div id="u901_text" class="text ">
            <p><span>任务</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u902" class="ax_default _三级标题">
          <div id="u902_div" class=""></div>
          <div id="u902_text" class="text ">
            <p><span>订单</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u903" class="ax_default _三级标题">
          <div id="u903_div" class=""></div>
          <div id="u903_text" class="text ">
            <p><span>我的</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u904" class="ax_default _图片">
        <img id="u904_img" class="img " src="images/设计规范/u147.jpg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u905" class="ax_default box_1">
        <div id="u905_div" class=""></div>
      </div>

      <!-- Unnamed (SVG) -->
      <div id="u906" class="ax_default image">
        <img id="u906_img" class="img " src="images/设计规范/u157.svg"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u907" class="ax_default box_1">
        <div id="u907_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u908" class="ax_default _三级标题">
        <div id="u908_div" class=""></div>
        <div id="u908_text" class="text ">
          <p><span>任务排行榜</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u909" class="ax_default box_1">
        <div id="u909_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u910" class="ax_default box_1">
        <div id="u910_div" class=""></div>
        <div id="u910_text" class="text ">
          <p><span>周</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u911" class="ax_default box_1">
        <div id="u911_div" class=""></div>
        <div id="u911_text" class="text ">
          <p><span>月</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u912" class="ax_default box_1">
        <div id="u912_div" class=""></div>
        <div id="u912_text" class="text ">
          <p><span>年</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u913" class="ax_default _三级标题">
        <div id="u913_div" class=""></div>
        <div id="u913_text" class="text ">
          <p><span>时间利用趋势</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u914" class="ax_default box_1">
        <div id="u914_div" class=""></div>
        <div id="u914_text" class="text ">
          <p><span>14周</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u915" class="ax_default box_1">
        <div id="u915_div" class=""></div>
        <div id="u915_text" class="text ">
          <p><span>15周</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u916" class="ax_default box_1">
        <div id="u916_div" class=""></div>
        <div id="u916_text" class="text ">
          <p><span>16周</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u917" class="ax_default label">
        <div id="u917_div" class=""></div>
        <div id="u917_text" class="text ">
          <p><span>总时长：13h</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u918" class="ax_default label">
        <div id="u918_div" class=""></div>
        <div id="u918_text" class="text ">
          <p><span>平均值：5.2h</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u919" class="ax_default line">
        <img id="u919_img" class="img " src="images/产品设计总览/u399.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u920" class="ax_default line">
        <img id="u920_img" class="img " src="images/产品设计总览/u399.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u921" class="ax_default line">
        <img id="u921_img" class="img " src="images/产品设计总览/u401.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u922" class="ax_default line">
        <img id="u922_img" class="img " src="images/产品设计总览/u402.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u923" class="ax_default line">
        <img id="u923_img" class="img " src="images/产品设计总览/u403.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u924" class="ax_default line">
        <img id="u924_img" class="img " src="images/产品设计总览/u404.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u925" class="ax_default line">
        <img id="u925_img" class="img " src="images/产品设计总览/u405.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u926" class="ax_default line">
        <img id="u926_img" class="img " src="images/产品设计总览/u406.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u927" class="ax_default line">
        <img id="u927_img" class="img " src="images/产品设计总览/u407.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u928" class="ax_default icon">
        <img id="u928_img" class="img " src="images/产品设计总览/u408.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u929" class="ax_default label">
        <div id="u929_div" class=""></div>
        <div id="u929_text" class="text ">
          <p><span>5-05</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u930" class="ax_default icon">
        <img id="u930_img" class="img " src="images/产品设计总览/u408.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u931" class="ax_default label">
        <div id="u931_div" class=""></div>
        <div id="u931_text" class="text ">
          <p><span>5-06</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u932" class="ax_default label">
        <div id="u932_div" class=""></div>
        <div id="u932_text" class="text ">
          <p><span>5-07</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u933" class="ax_default label">
        <div id="u933_div" class=""></div>
        <div id="u933_text" class="text ">
          <p><span>5-08</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u934" class="ax_default label">
        <div id="u934_div" class=""></div>
        <div id="u934_text" class="text ">
          <p><span>5-09</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u935" class="ax_default label">
        <div id="u935_div" class=""></div>
        <div id="u935_text" class="text ">
          <p><span>5-10</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u936" class="ax_default label">
        <div id="u936_div" class=""></div>
        <div id="u936_text" class="text ">
          <p><span>5-11</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u937" class="ax_default label">
        <div id="u937_div" class=""></div>
        <div id="u937_text" class="text ">
          <p><span>5-12</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u938" class="ax_default icon">
        <img id="u938_img" class="img " src="images/产品设计总览/u408.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u939" class="ax_default line">
        <img id="u939_img" class="img " src="images/产品设计总览/u404.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u940" class="ax_default icon">
        <img id="u940_img" class="img " src="images/产品设计总览/u408.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u941" class="ax_default icon">
        <img id="u941_img" class="img " src="images/产品设计总览/u408.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u942" class="ax_default icon">
        <img id="u942_img" class="img " src="images/产品设计总览/u408.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u943" class="ax_default icon">
        <img id="u943_img" class="img " src="images/产品设计总览/u408.png"/>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u944" class="ax_default" data-left="242" data-top="650" data-width="338" data-height="40">

        <!-- Unnamed (矩形) -->
        <div id="u945" class="ax_default _三级标题">
          <div id="u945_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u946" class="ax_default button">
          <div id="u946_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u947" class="ax_default ellipse">
          <img id="u947_img" class="img " src="images/产品设计总览/u427.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u948" class="ax_default _图片">
          <img id="u948_img" class="img " src="images/产品设计总览/u347.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u949" class="ax_default label">
          <div id="u949_div" class=""></div>
          <div id="u949_text" class="text ">
            <p><span>快递</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u950" class="ax_default label">
          <div id="u950_div" class=""></div>
          <div id="u950_text" class="text ">
            <p><span>58%</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u951" class="ax_default label">
          <div id="u951_div" class=""></div>
          <div id="u951_text" class="text ">
            <p><span><br></span></p><p><span>14次</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u952" class="ax_default" data-left="242" data-top="589" data-width="338" data-height="40">

        <!-- Unnamed (矩形) -->
        <div id="u953" class="ax_default _三级标题">
          <div id="u953_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u954" class="ax_default button">
          <div id="u954_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u955" class="ax_default ellipse">
          <img id="u955_img" class="img " src="images/产品设计总览/u427.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u956" class="ax_default _图片">
          <img id="u956_img" class="img " src="images/产品设计总览/u345.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u957" class="ax_default label">
          <div id="u957_div" class=""></div>
          <div id="u957_text" class="text ">
            <p><span>喝水</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u958" class="ax_default label">
          <div id="u958_div" class=""></div>
          <div id="u958_text" class="text ">
            <p><span>59.6%</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u959" class="ax_default label">
          <div id="u959_div" class=""></div>
          <div id="u959_text" class="text ">
            <p><span><br></span></p><p><span>17次</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u960" class="ax_default" data-left="243" data-top="710" data-width="337" data-height="40">

        <!-- Unnamed (矩形) -->
        <div id="u961" class="ax_default _三级标题">
          <div id="u961_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u962" class="ax_default button">
          <div id="u962_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u963" class="ax_default ellipse">
          <img id="u963_img" class="img " src="images/产品设计总览/u443.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u964" class="ax_default _图片">
          <img id="u964_img" class="img " src="images/产品设计总览/u346.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u965" class="ax_default label">
          <div id="u965_div" class=""></div>
          <div id="u965_text" class="text ">
            <p><span>看书</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u966" class="ax_default label">
          <div id="u966_div" class=""></div>
          <div id="u966_text" class="text ">
            <p><span>43.8%</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u967" class="ax_default label">
          <div id="u967_div" class=""></div>
          <div id="u967_text" class="text ">
            <p><span>&nbsp; </span></p><p><span>8次</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u968" class="ax_default label">
        <div id="u968_div" class=""></div>
        <div id="u968_text" class="text ">
          <p><span>间距10px</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u969" class="ax_default marker">
        <img id="u969_img" class="img " src="images/设计规范/u211.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u970" class="ax_default line">
        <img id="u970_img" class="img " src="images/时间趋势/u970.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u971" class="ax_default label">
        <div id="u971_div" class=""></div>
        <div id="u971_text" class="text ">
          <p><span>时间利用情况</span></p><p><span>可视化，直观看到时间利用情况</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u972" class="ax_default marker">
        <img id="u972_img" class="img " src="images/设计规范/u211.png"/>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u973" class="ax_default line">
        <img id="u973_img" class="img " src="images/时间趋势/u973.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u974" class="ax_default label">
        <div id="u974_div" class=""></div>
        <div id="u974_text" class="text ">
          <p><span>本页为APP的特色功能之一，利用大数据分析，将用户时间利用情况可视化，让用户直观地看到时间利用情况。</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u975" class="ax_default" data-left="754" data-top="290" data-width="321" data-height="37">

        <!-- Unnamed (椭圆形) -->
        <div id="u976" class="ax_default marker">
          <img id="u976_img" class="img " src="images/时间趋势/u976.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u977" class="ax_default _一级标题">
          <div id="u977_div" class=""></div>
          <div id="u977_text" class="text ">
            <p><span>&nbsp; 时间利用趋势页</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u978" class="ax_default" data-left="808" data-top="514" data-width="152" data-height="29">

        <!-- Unnamed (矩形) -->
        <div id="u979" class="ax_default _二级标题">
          <div id="u979_div" class=""></div>
          <div id="u979_text" class="text ">
            <p><span>时间可视化</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u980" class="ax_default marker">
          <img id="u980_img" class="img " src="images/启动页/u785.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u981" class="ax_default" data-left="808" data-top="570" data-width="152" data-height="29">

        <!-- Unnamed (矩形) -->
        <div id="u982" class="ax_default _二级标题">
          <div id="u982_div" class=""></div>
          <div id="u982_text" class="text ">
            <p><span>大数据分析</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u983" class="ax_default marker">
          <img id="u983_img" class="img " src="images/启动页/u785.png"/>
        </div>
      </div>
    </div>
  </body>
</html>
